<!-- 项目审批 -->
<template>
	<view>
		<cu-custom bgColor="bg-blue2" :isBack="true" @back="backedPage"><block slot="backText">返回</block><block slot="content">出库明细编辑</block></cu-custom>
		<view >

		<form @submit="onSubmit">
			<view class="cu-form-group">
				<view class="title">名称</view>
				<input v-model="item.inStockGoodsDetail.goodsName" name="input" ></input>
			</view>
			<view class="cu-form-group">
				<view class="title">规格</view>
				<input v-model="item.inStockGoodsDetail.spec" name="input" disabled="disabled"></input>
			</view>
			<view class="cu-form-group">
				<view class="title">产地</view>
				<input v-model="item.inStockGoodsDetail.maker" name="input" disabled="disabled"></input>
			</view>
			<view class="cu-form-group">
				<view class="title">型号</view>
				<input v-model="item.inStockGoodsDetail.model" name="input" disabled="disabled"></input>
			</view>
			<view class="cu-form-group">
				<view class="title">材质</view>
				<input v-model="item.inStockGoodsDetail.materialCode" name="input" disabled="disabled"></input>
			</view>
			<view class="cu-form-group">
				<view class="title">批次</view>
				<input v-model="item.batchNum" name="input" disabled="disabled"></input>
				<button class="cu-btn block bg-blue margin-tb-sm lg" type="" @tap="selectChangeGoodsBatch">换批次</button>
			</view>
			<view class="cu-form-group">
				<view class="title">货位</view>
				<input v-model="item.goodsPosi" name="input" disabled="disabled"></input>
			</view>
			<view class="cu-form-group">
				<view class="title">堆号</view>
				<input v-model="item.heapNum" name="input"></input>
			</view>
	        <view class="cu-form-group">
	        	<view class="title">包装类型</view>
				<input v-model="item.inStockGoodsDetail.packType" name="input" disabled="disabled"></input>
	        </view>
			<view class="cu-form-group">
				<view class="title">入库计重方式</view>
				<input v-model="item.inStockGoodsDetail.weightMethod" name="input" disabled="disabled"></input>
			</view>
			<view class="cu-form-group">
				<view class="title">库存数量</view>
				<input class="flex-item-20" v-model="item.inStockGoodsDetail.qty" name="input" disabled="disabled">{{item.inStockGoodsDetail.qtyUnit}}</input>
			</view>
			<view class="cu-form-group">
				<view class="title">库存重量</view>
				<input v-model="item.inStockGoodsDetail.weight" name="input" disabled="disabled">{{item.inStockGoodsDetail.weightUnit}}</input>
			</view>
			<view class="cu-form-group">
				<view class="title">冻结数量</view>
				<input v-model="item.inStockGoodsDetail.frzQty" name="input" disabled="disabled">{{item.inStockGoodsDetail.qtyUnit}}</input>
			</view>
			<view class="cu-form-group">
				<view class="title">冻结重量</view>
				<input v-model="item.inStockGoodsDetail.frzWeight" name="input" disabled="disabled">{{item.inStockGoodsDetail.weightUnit}}</input>
			</view>
			<view class="cu-form-group">
				<view class="title">应发数量</view>
				<input v-model="item.qty" name="input" disabled="disabled">{{item.inStockGoodsDetail.qtyUnit}}</input>
			</view>
			<view class="cu-form-group">
				<view class="title">应发重量</view>
				<input v-model="item.weight" name="input" disabled="disabled">{{item.inStockGoodsDetail.weightUnit}}</input>
			</view>
			<view class="cu-form-group">
				<view class="title">实发数量</view>
				<input v-model="item.actualQty" name="input" disabled="disabled">{{item.inStockGoodsDetail.qtyUnit}}</input>
			</view>
			<view class="cu-form-group">
				<view class="title">实发重量</view>
				<input v-model="item.actualWeight" name="input" disabled="disabled">{{item.inStockGoodsDetail.weightUnit}}</input>
			</view>
			<view class="cu-form-group">
				<!-- <view class="title">作业班组</view> -->
				<uni-combox :class=" !item.workGroup ? 'xrequiredCombox xrwaningCombox' : 'xrequiredCombox'" label="作业班组" :candidates="workGroupOptions" placeholder="请选择作业班组" v-model="item.workGroup"></uni-combox>
			</view>
			<view class="cu-form-group">
				<!-- <view class="title">设备</view> -->
				<uni-combox label="设备" :candidates="machineOptions" placeholder="请选择设备" v-model="item.machine"></uni-combox>
			</view>
			<view class="cu-form-group">
				<view class="title">出库方式</view>
				<input v-model="item.goodsOutType" name="input" disabled="disabled"></input>
				<!-- <uni-combox label="出库方式" :candidates="goodsOutTypeOptions" placeholder="请选择出库方式" v-model="item.goodsOutType" ></uni-combox> -->
			</view>
			<view class="cu-form-group">
				<!-- <view class="title">计重方式</view> -->
				<uni-combox label="计重方式" :candidates="weightMethodOptions" v-model="item.weightMethod"></uni-combox>
			</view>
			<view class="cu-form-group">
				<view class="title">保管员</view>
				<input v-model="item.tallyClerk" name="input" disabled="disabled"></input>
			</view>
			<!-- <view class="cu-form-group">
				<view class="title">提货单号</view>
				<input v-model="item.goodsOutOrdCode" name="input"></input>
			</view>
			<view class="cu-form-group">
				<uni-combox label="单据类型" :candidates="ordTypeOptions" v-model="item.ordType"></uni-combox>
			</view>
			<view class="cu-form-group">
				<view class="title">车牌号</view>
				<input v-model="item.vehicleNum" name="input"></input>
			</view> -->
			<view>
				<button form-type="submit" class="cu-btn block bg-blue margin-tb-sm lg" :disabled="loading" type="">
					<text :class="loading ? 'cuIcon-loading2 cuIconfont-spin' : ''"></text>保存</button>
			</view>
		</form>
		<!-- <view class="cu-modal" :class="isShowGoodsDialog ? 'show' : ''">
			<view class="cu-dialog">
				<view class="cu-bar bg-white justify-end">
					<view class="content">选择货物</view>
					<view class="action" @tap="hideModal">
						<text class="cuIcon-close text-red"></text>
					</view>
				</view>
				<view style="height: 450px; overflow: auto;">
					<select-goods style="height: 440px;" />
				</view>
			</view>
		</view> -->
		<view class="cu-modal drawer-modal justify-start" :class="isShowGoodsDialog ? 'show' : ''" @tap="hideModal">
			<view class="cu-dialog basis-lg" >
				<scroll-view>
					<uni-nav-bar :fixed="true" color="#333333" background-color="#4364F7" :border="false">
						<view class="input-view">
							<uni-icons type="search" size="22" color="#666666" />
							<input v-model="searchVal" confirm-type="search" class="input" type="text" placeholder="品名/批次/货位" @confirm="search">
							<uni-icons :color="'#999999'" v-if="searchVal!==''" class="icon-clear" type="clear" size="22" @click="clear" />
						</view>
						<!-- <uni-search-bar style="width: 100%;" placeholder="搜索项目/机构" radius="100" clearButton="auto" @confirm="search" /> -->
					</uni-nav-bar>
					<refresh ref="refresh" @refresh='onRefresh'>
						<view class="mycard">
							<view v-for="(item,index) in cardList" :key="index" class="card-item">
								<uni-card is-full title="库存货品" is-shadow note="true">
									<view class="audit-card-content">
										<view class="uni-flex uni-row">
											<view class="flex-item-30">名称</view>
											<view class="flex-item-70">{{item.goodsName}}</view>
										</view>
										<view class="uni-flex uni-row">
											<view class="flex-item-30">规格</view>
											<view class="flex-item-70">{{item.spec}}</view>
										</view>
										<view class="uni-flex uni-row">
											<view class="flex-item-30">产地</view>
											<view class="flex-item-70">{{item.maker}}</view>
										</view>
										<view class="uni-flex uni-row">
											<view class="flex-item-30">型号</view>
											<view class="flex-item-70">{{item.model}}</view>
										</view>
										<view class="uni-flex uni-row">
											<view class="flex-item-30">材质</view>
											<view class="flex-item-70">{{item.materialCode}}</view>
										</view>
										<view class="uni-flex uni-row">
											<view class="flex-item-30">批次</view>
											<view class="flex-item-70">{{item.batchNum}}</view>
										</view>
										<view class="uni-flex uni-row">
											<view class="flex-item-30">货位</view>
											<view class="flex-item-70">{{item.goodsPosi}}</view>
										</view>
										<!-- <view class="uni-flex uni-row">
											<view class="flex-item-30">计重方式</view>
											<view class="flex-item-70">{{item.weightMethod}}</view>
										</view>	 -->			
										<view class="uni-flex uni-row">
											<view class="flex-item-30">库存数量</view>
											<view class="flex-item-70 text-green">{{item.qty}} {{item.qtyUnit}}</view>
										</view>
										<view class="uni-flex uni-row">
											<view class="flex-item-30">库存重量</view>
											<view class="flex-item-70 text-green">{{item.weight}} {{item.weightUnit}}</view>
										</view>
										<view class="uni-flex uni-row">
											<view class="flex-item-30">冻结数量</view>
											<view class="flex-item-70 text-yellow">{{item.frzQty}} {{item.qtyUnit}}</view>
										</view>
										<view class="uni-flex uni-row">
											<view class="flex-item-30">冻结重量</view>
											<view class="flex-item-70 text-yellow">{{item.frzWeight}} {{item.weightUnit}}</view>
										</view>
									</view>
						
									<template v-slot:footer>
										<view class="footer-box">
											<view class="iconfont my-iconfont text-green"></view>
											<view class="iconfont my-iconfont text-red"></view>
											<view class="cuIcon-check text-blue" @tap="selectedClick(index)">选择</view>
										</view>
									</template>
								</uni-card>
							</view>
						</view>
					</refresh>
				</scroll-view>
			</view>
		</view>
		<view class="cu-modal" :class="isShowChangeGoodsBatchDialog ? 'show' : ''">
			<view class="cu-dialog" :style="{ marginTop: customBarH+'px' }">
				<view class="cu-bar bg-white justify-end">
					<view class="content">选择货物批次</view>
					<view class="action" @tap="hideChangeGoodsBatchModal">
						<text class="cuIcon-close text-red"></text>
					</view>
				</view>
				<view :style="{height: winHeight+'px'}">
					<select-change-goods-batch
					    ref="goodsChangeGoodsBatchRef"
						:goodsName="item.inStockGoodsDetail.goodsName" 
						:spec="item.inStockGoodsDetail.spec" 
						:maker="item.inStockGoodsDetail.maker" 
						:materialCode="item.inStockGoodsDetail.materialCode" 
						:model="item.inStockGoodsDetail.model" 
						:clientId="item.clientID" 
						:tableHeight="580"
						:windowWidth="windowWidth"
						:padding="padding"
						@selected="selectedBatch" />
				</view>
			</view>
		</view>

	</view>
	</view>
	
</template>

<script>
	import uniTag from '@/components/uni-tag/uni-tag.vue'
	import uniIcons from '@/components/uni-icons/uni-icons.vue'
	import uniCombox from '@/components/uni-combox/uni-combox.vue'
	import refresh from "@/components/refresh/refresh.vue"
	import selectChangeGoodsBatch from './selectChangeGoodsBatch.vue'

	import {
		mapGetters
	} from 'vuex'
	import {
		getRandomArrayElements,
		filePreview,
		formatStatus
	} from '@/utils/index.js'
	import { formatDate } from '@/utils/datetime.js'
	export default {
		components: {
			uniTag,
			uniIcons,
			uniCombox,
			refresh,
			selectChangeGoodsBatch
		},
		computed: mapGetters(['user']),
		data() {
			return {
				item: { inStockGoodsDetail: {goodsName:''} ,weightMethod:'过电子磅' },
				detailId: 0,
				goodsOutBillId:0,
				weightMethodOptions:['抄码','过地磅','过电子磅','理算','平均件重'],
				workGroupOptions:[],
				machineOptions:[],
				goodsOutTypeOptions:['','吊装','人工自装'],
				ordTypeOptions: ['客户提单','物资调拨单','电子订单'],
				defaultProps: {
					children: 'children',
					label: 'fullName'
				},
				isShowGoodsDialog: false,
				isShowChangeGoodsBatchDialog: false,
				loading: false,
				// 列表数据
				cardList: [],
				searchVal: '',
				pageIndex: 1,
				pageSize: 10,
				isChangeGoodsBatch: false,
				newInStockGoodsID: 0,
				customBarH:this.CustomBar+20,
				winHeight:0,
				windowWidth:0,
				padding:0
			}
		},
		onLoad(options) {
			
			//  高度自适应
			uni.getSystemInfo({
				success: res => {
					this.winHeight = (res.windowHeight-this.customBarH)*0.75
					this.windowWidth = res.windowWidth * 0.15
					this.padding = res.windowWidth / 750 * 20
				}
			})

			this.detailId =Number(options.detailId) 
			this.goodsOutBillId = options.goodsOutBillId
			if (this.detailId >0 && this.detailId > 0) {
				this.$minApi.goodsOutBill(this.goodsOutBillId).then(res => {
					const data = res
					if (data) {
						const detailId = Number(this.detailId)
						const detail =  data.goodsOutDetails.find(f => f.id === detailId)

						if (detail) {
							const machine = this.item.machine
							
							this.item = detail
							
							this.item.tallyClerk = this.user.name //2020.7.4 因为出库会默认保管员 所以在修改的时候需要用当前保管员进行替换
							
							if(this.workGroupOptions && this.workGroupOptions.length>0){
								this.item.workGroup=this.workGroupOptions[0]
							}
							
							if(!detail.machine){//因为两个线程同时走 machine 先走完已经赋值了第一项， 但是明细的这个有没有 会再赋值为空
								this.item.machine=machine
							}
							
							if(!detail.workGroup){
								this.bindWorkGroup()
							}
							
							this.item.clientID = data.clientID
							
							const params = {
								billId: this.goodsOutBillId,
								detailId: detailId
							  }
							this.$minApi.getInStockGoodsStacks(params).then(res => {
							
								const data = res
								this.item.goodsOutStacks=data
							}).catch(err => {
								console.log(err)
							}).finally(() => {
							
							})
							
						}
					}
				}).catch(err => {
					console.log(err)
				}).finally(() => {
				})
			} else {
				uni.setNavigationBarTitle({
				title: '新增出库明细'
				})
			}
						
			this.$minApi.getWorkGroups().then(res => {
				const data = res
				if (data) {
					this.workGroupOptions =	data.map(a => a.name)
					if(this.workGroupOptions && this.workGroupOptions.length>0){
						this.item.workGroup=this.workGroupOptions[0]
					}
				}
			}).catch(err => {
				console.log(err)
			}).finally(() => {
				this.isLoading = false
			})
			
			this.$minApi.getMachines().then(res => {
				const data = res
				if (data) {
					this.machineOptions = data.map(a => a.name)
					if(this.machineOptions&&this.machineOptions.length>0&&!this.item.machine){
						this.item.machine=this.machineOptions[0]
					}
				}
			}).catch(err => {
				console.log(err)
			}).finally(() => {
				this.isLoading = false
			})

		},
		methods: {
			filePreview,
			formatStatus,
			formatDate,
			onSubmit(e) {  
				
				// if(!this.item.workGroup) {
				// 	uni.showToast({
				// 		icon: 'none',
				// 	    title: '必填项未填写',
				// 	    duration: 2000
				// 	})
				// 	return
				// }
				
				this.loading = true
				const _this = this
				if (this.detailId > 0) {
					this.item.qty = Number(this.item.qty)
					this.item.weight = Number(this.item.weight)
					this.item.actualQty = Number(this.item.actualQty)
					this.item.actualWeight = Number(this.item.actualWeight)
					this.item.goodsOutBillId =  Number(this.goodsOutBillId)
					
					if(this.isChangeGoodsBatch){
						// 先修改批次 再提交
						this.item.changeGoodsBatch = {
							id: this.detailId,
							newInStockGoodsID: this.newInStockGoodsID,
							userName: this.user.name
						}

							
							this.$minApi.updateGoodsOutDetail(this.item.id, this.item).then(res => {
								uni.showToast({
								    title: '修改成功',
								    duration: 2000
								})
								
								setTimeout(() => {
									uni.redirectTo({
										url: `/pages/todo/goodsOutBill/detail?id=${this.goodsOutBillId}&currDetailId=${this.detailId}`
									})
								}, 2000)
											
							}).catch(err => {
								uni.showToast({
									icon: 'none',
								    title: '修改失败',
								    duration: 2000
								})
							}).finally(() => {
								_this.loading = false
							})
										

					}else{
						_this.$minApi.updateGoodsOutDetail(this.item.id, this.item).then(res => {
							uni.showToast({
							    title: '修改成功',
							    duration: 2000
							})
							
							setTimeout(() => {
								uni.redirectTo({
									url: `/pages/todo/goodsOutBill/detail?id=${this.goodsOutBillId}&currDetailId=${this.detailId}`
								})
							}, 2000)
										
						}).catch(err => {
							uni.showToast({
								icon: 'none',
							    title: '修改失败',
							    duration: 2000
							})
						}).finally(() => {
							this.loading = false
						})
					}
					
				} else {
					
					this.item.qty = Number(this.item.qty)
					this.item.weight = Number(this.item.weight)
					this.item.actualQty = Number(this.item.actualQty)
					this.item.actualWeight = Number(this.item.actualWeight)
					this.item.goodsOutBillId =  Number(this.goodsOutBillId)
					
					// this.item.goodsOutDetailID = Number(this.item.goodsOutDetailID)
					_this.$minApi.createGoodsOutDetail(this.item).then(res => {
						uni.showToast({
						    title: '添加成功',
						    duration: 2000
						})
						
						setTimeout(() => {
							uni.redirectTo({
								url: `/pages/todo/goodsOutBill/detail?id=${this.goodsOutBillId}&currDetailId=${this.detailId}`
							})
						}, 2000)
					}).catch(err => {
						uni.showToast({
							icon: 'none',
						    title: '添加失败',
						    duration: 2000
						})
						console.log(err)
					}).finally(() => {
						this.loading = false
					})
				}
				
			},
			hideModal(e) {
				this.isShowGoodsDialog = false
			},
			selectGoods() {	
				this.isShowGoodsDialog = true
				this.onRefresh()
			},
			hideChangeGoodsBatchModal(e) {
				this.isShowChangeGoodsBatchDialog = false
			},
			selectChangeGoodsBatch() {	
				if(this.item.actualQty>0){
					uni.showToast({
						icon: 'none',
					    title: '已发货不许修改',
					    duration: 2000
					})
					return
				}
				this.isShowChangeGoodsBatchDialog = true
				this.$refs.goodsChangeGoodsBatchRef.init()
			},
			// selectedGoods(val) {
			// 	this.isShowGoodsDialog = false
			// 	if (val) {
					
			// 		if (val) {
						
			// 			this.item.inStockGoodsID = val.goodsID
			// 			this.item.goodsPosi = val.goodsPosi
			// 			this.item.batchNum = val.batchNum						
			// 			this.item.actualQty = 0
			// 			this.item.actualWeight = 0
			// 			this.item.qty = 0
			// 			this.item.weight = 0
			// 			this.item.isInputTaskQuantity='否'
			// 			this.item.isPayGoodsInFee='否'
			// 			this.item.isPayStockFee='否'
			// 			this.item.oldName=''
						
			// 			this.item.inStockGoodsDetail.goodsName = val.goodsName						
			// 			this.item.inStockGoodsDetail.qtyUnit = val.qtyUnit
			// 			this.item.inStockGoodsDetail.weightUnit = val.weightUnit						
			// 			this.item.inStockGoodsDetail.spec = val.spec
			// 			this.item.inStockGoodsDetail.model = val.model
			// 			this.item.inStockGoodsDetail.materialCode = val.materialCode
			// 			this.item.inStockGoodsDetail.maker = val.maker
			// 			this.item.inStockGoodsDetail.frzQty = val.frzQty
			// 			this.item.inStockGoodsDetail.frzWeight = val.frzWeight						
						
			// 		}
			// 	}
				
			// },
			selectedClick(index) {
				
				const val = this.cardList[index]
				
				this.isShowGoodsDialog = false
				if (val) {
					
					if (val) {
						
						this.item.inStockGoodsID = val.goodsID
						this.item.goodsPosi = val.goodsPosi
						this.item.batchNum = val.batchNum						
						this.item.actualQty = 0
						this.item.actualWeight = 0
						this.item.qty = 0
						this.item.weight = 0
						this.item.isInputTaskQuantity='否'
						this.item.isPayGoodsInFee='否'
						this.item.isPayStockFee='否'
						this.item.oldName=''
						
						this.item.inStockGoodsDetail.goodsName = val.goodsName						
						this.item.inStockGoodsDetail.qtyUnit = val.qtyUnit
						this.item.inStockGoodsDetail.weightUnit = val.weightUnit						
						this.item.inStockGoodsDetail.spec = val.spec
						this.item.inStockGoodsDetail.model = val.model
						this.item.inStockGoodsDetail.materialCode = val.materialCode
						this.item.inStockGoodsDetail.maker = val.maker
						this.item.inStockGoodsDetail.frzQty = val.frzQty
						this.item.inStockGoodsDetail.frzWeight = val.frzWeight						
						
					}
				}
			},
			search() {
			
				// this.upOption.num = 1
				// uni.showLoading({
				// 	title: '正在查询数据...'
				// })
				/**
				 * todo: api请求查询项目待办
				 */
				let pageNum = 1 // 页码, 默认从1开始
				let pageSize = 20 // 页长, 默认每页10条
				let goodsName = this.searchVal
				if (this.goodsName) {
					// goodsName = this.goodsName
				}
				const params = {
					clientID: this.user.clientId,//this.user.clientId,
					batchNum: this.searchVal,
					goodsName:  goodsName,
					goodsPosi: this.searchVal,
					pageIndex: pageNum,
					pageSize: pageSize
				  }
				this.$minApi.getInStockGoodsDetail(params).then(res => {
				
					const data = res
					if (data) {
						
						let totalPage = data.totalCount
						let hasNext = this.cardList.length < totalPage
						
						this.cardList = [] //如果是第一页需手动置空列表
						this.cardList = this.cardList.concat(data.list) //追加新数据
					
					}
				}).catch(err => {
					console.log(err)
				}).finally(() => {
					// // 隐藏加载状态
					// uni.hideLoading()
				})
			},
			clear() {
				this.searchVal = ''
				this.search()
			},
			onRefresh() {

				let pageNum = this.pageIndex // 页码, 默认从1开始
				let pageSize = this.pageSize // 页长, 默认每页10条
				let goodsName = this.searchVal
				if (this.goodsName) {
					// goodsName = this.goodsName
				}
				const params = {
					clientID: this.user.clientId,//this.user.clientId,
					batchNum: this.searchVal,
					goodsName:  goodsName,
					goodsPosi: this.searchVal,
					pageIndex: pageNum,
					pageSize: pageSize
				  }
				this.$minApi.getInStockGoodsDetail(params).then(res => {
				
					const data = res
					if (data) {
						
						let totalPage = data.totalCount
						let hasNext = this.cardList.length < totalPage
						
						if (this.pageIndex === 1) this.cardList = [] //如果是第一页需手动置空列表
						this.cardList = this.cardList.concat(data.list) //追加新数据
					
						this.pageIndex =  this.pageIndex + 1	// 页码, 默认从1开始			
						
					}
				}).catch(err => {
					console.log(err)
				}).finally(() => {
					this.$refs.refresh.endAfter() //通知下拉刷新组件刷新已经完成
				})
				
			},
			selectedBatch(obj) {
				this.isShowChangeGoodsBatchDialog = false
				this.isChangeGoodsBatch = true
				
				this.item.batchNum=obj.batchNum
				this.item.goodsPosi=obj.goodsPosi
				this.item.inStockGoodsDetail.spec=obj.spec//2020.7.17
				this.item.inStockGoodsDetail.qty=obj.qty
				this.item.inStockGoodsDetail.weight=obj.weight
				this.item.inStockGoodsDetail.frzQty=obj.frzQty
				this.item.inStockGoodsDetail.frzWeight=obj.frzWeight				
				this.newInStockGoodsID = obj.id
			},
			backedPage() {
				uni.redirectTo({
					url: `/pages/todo/goodsOutBill/detail?id=${this.goodsOutBillId}&currDetailId=${this.detailId}`
				})
			},
			bindWorkGroup(){//绑定单据 默认当日保管员做第一单的 作业班组
				const params = {
					tallyClerk: this.user.name
				  }
				this.$minApi.getGoodsOutDetail(params).then(res => {
					const data = res
					
					if (data) {
						this.item.workGroup = data.workGroup
					}
				}).catch(err => {
					console.log(err)
				}).finally(() => {
				})
			}
		}
	}
</script>

<style scoped>
	.xrequired::after  {
		content: '*';
		color: red;
	}
.xrwaning{
	border: 1px solid #FF0000;
}
/deep/ .xrequiredCombox .uni-combox__label span::after  {
	content: '*';
	color: red;
}
/deep/ .xrequiredCombox .uni-combox__label text::after  {
	content: '*';
	color: red;
}
/deep/.xrwaningCombox input{
	border: 1px solid #FF0000;
}
</style>
